<template>
		<view class="content">
			<navigator url="./new" open-type="switchTab" hover-class="other-navigator-hover">
				<view class="news" @click="newsClick()">
					<image src="../../static/img/logo%20.png" ></image>
					<view class="name">
						<view>懒猫超市</view>
						<view>12:34</view>
					</view>
				</view>
			</navigator>
		</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="scss">
	.content {
		width: 100%;
		.news {
			display: flex;
			height: 140rpx;
			margin: 20rpx;
			border-radius: 20rpx;
			background-color: #ffffff;
			border-radius: 20rpx;
			padding: 20rpx 0 0 20rpx;
			image{
				width:120rpx;
				height:120rpx;
				}
			.name{
				padding:0 30rpx;
				font-size: 35rpx;
				flex-wrap: nowrap;
				display: flex;
				justify-content: space-between;
				view:nth-child(2){
					margin:0 0 0 280rpx;
				}
				
				
			}
		}
		}
</style>
